@import './variables.scss';

body {
    -webkit-user-select: none;
    -webkit-app-region: drag;
    cursor: default;
}

.core-logo-container {
    display: grid;
    margin-left: auto;
    cursor: pointer;
}

.core-logo {
    height: 55px;
    padding: 20%;
}

@mixin core-padded-row-list($margin: 5px){
    >:not(:last-child) {
        margin-right: $margin;
    }

    >:last-child {
        margin-right: 0;
    }
}

.core-padded-row {
    @include core-padded-row-list;
}

@mixin core-padded-column-list($margin: 5px){
    >:not(:last-child) {
        margin-bottom: $margin;
    }

    >:last-child {
        margin-bottom: 0;
    }
}

.core-padded-column {
    @include core-padded-column-list;
}

.core-btn, .core-btn.btn-sm, .core-btn.btn-lg {
    border-radius: 0;

    .core-btn-text {
        margin-left: 5px;
    }
}

.core-dropdown-menu {
    background-color: $brand-primary;

    li {
        a {
            color: white;
            background-color: $brand-primary;
        }
        a:hover {
            color: white;
            background-color: $brand-primary-darker;
        }
        a:focus {
            background-color: $brand-primary-darker;
        }
    }
}

.core-error-dialog-message {
    user-select: initial;
}

// used when tabbing and space
:focus {
    outline-color: $gray-medium-lighter !important;
}

.selectable {
    user-select: initial;
}
